<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <link rel="help" href="https://drafts.csswg.org/selectors/#lang-pseudo"/>
    <style type="text/css">
      span {background: white;display:none}
      span:lang(de) {background: red}
    </style>
  </head>
  <body>
    <p>Tests if empty language declarations are supported</p>
    <p xml:lang="de">
      <span lang="" id="emptyLang"/>
      <span xml:lang="" id="emptyXmlLang"/>
      <span id="noLang"/>
    </p>
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
    <script>
      test(() => {
        assert_equals(getComputedStyle(document.getElementById("emptyLang")).backgroundColor, "rgb(255, 255, 255)");
        assert_equals(getComputedStyle(document.getElementById("emptyXmlLang")).backgroundColor, "rgb(255, 255, 255)");
        assert_equals(getComputedStyle(document.getElementById("noLang")).backgroundColor, "rgb(255, 0, 0)");
      }, "Test if empty language attributes are supported");
    </script>
  </body>
</html>
